<template>
  
  <div>
      <div class="top">
          <div class="city"><span>出发城市</span> <span>到达城市</span></div>
          <div class="ic"><span>北京首都</span>   <span class="iconfont icon-hangban"></span> <span>上海虹桥</span> </div>
            <hr>
          <p class="p">出发日期</p>
         <input type="text" value="2021-11-18 星期四"> 

      </div>

  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.top{
  width: 360px;
  height: 300px;
  margin: auto;
  /* background-color: honeydew; */

}
.city{
  font-size: 16px;
  color:gray ;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;

}
.p{
   font-size: 16px;
  color:gray ;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
input{
  border: none;
 width: 350px;
 height: 50px;
 font-size: 20px;
}
.ic{
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  margin-top: 20px;
}
.iconfont{
  font-size: 30px;
  color: #61af5b ;
}
</style>